<!doctype html>
<html lang="zh-cn">
<head>

    <meta charset="UTF-8">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <title>视频播放</title>
</head>
<body>
    <div class="container">
        <div class="panel panel-success">
            <div class="page-header">
                <h2>{{ $info->name }}</h2>
            </div>
            <div class="panel-body">
                <p>简介信息：{{ $info->mark_up }}</p>
                <p>时长：{{ $info->video_duration }}</p>
                <hr>
                <div id="playLession"></div>
            </div>
        </div>
    </div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
{{--1. 播放插件--}}
<script src="/ck/ckplayer/ckplayer.js"></script>

<script>
    {{--2. 代表调用--}}
    var flashvars={
        f:'{{ $info->video_address }}',//视频地址  或 直播推流地址
        i:'http://local.laravel54.com/storage/5a4b32bbf073b.jpg',//视频封面图
        d:'http://local.laravel54.com/storage/5a4b32bbf073b.jpg|http://local.laravel54.com/storage/5a4b32bc6c334.jpg',
        //暂停时播放的广告，swf/图片,多个用竖线隔开，图片要加链接地址，没有的时候留空就行
        u:'',//暂停时如果是图片的话，加个链接地址
        e:'1',//视频结束后的动作，0是调用js函数，1是循环播放，2是暂停播放并且不调用广告，3是调用视频推荐列表的插件，4是清除视频流并调用js功能和1差不多，5是暂停播放并且调用暂停广告
        v:'80',//默认音量，0-100之间
        p:'0',//视频默认0是暂停，1是播放，2是不加载视频
        g:'',//视频直接g秒开始播放
        k:'32|63',//提示点时间，如 30|60鼠标经过进度栏30秒，60秒会提示n指定的相应的文字
        n:'这是提示点的功能，如果不需要删除k和n的值|提示点测试60秒',//提示点文字，跟k配合使用，如 提示点1|提示点2
        lv:'0',//是否是直播流，=1则锁定进度栏
    }
    var params={
        bgcolor:'#FFF',		//背景色
        allowFullScreen:true,	//是否支持全屏
        allowScriptAccess:'always'	//是否支持交互
    };
    CKobject.embedSWF('/ck/ckplayer/ckplayer.swf', 'playLession', 'playLession', '600', '400', flashvars, params);

</script>

</html>